<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>

div{ border: 2px solid red; margin: 30px;}


</style>
 <script src="../js/jquery-3.2.1.min.js"></script>
  <script src="../js/jquery-ui-1.10.3.min.js"></script>

<script>
$(document).ready(function(){

$("#clickme").click(function(){

 alert('str');
   var str =  $('#t1').val();   alert(str);
    if (str=="")
    {   alert('k1');
        document.getElementById("txtHint").innerHTML="shodoumeiyou";
        return;
    } 
    if (window.XMLHttpRequest)
    {   alert('a1');
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest(); alert('a2');
    }
    else
    {   alert('b1');
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   alert('b2');
    }
    xmlhttp.onreadystatechange=function()
    {    alert('c1');
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {   alert('c2');
            document.getElementById("txtHint").innerHTML=xmlhttp.responseText;   alert('c3');
        }
    }
	alert('d0');
    xmlhttp.open("GET","testajaxmysql.php?q="+str,true);  alert('d1');
    xmlhttp.send();
alert('d2');
   

});
});
</script>



</head>
<body>
 <div id="div1">  <div id="div11">1234567890</div>  <div id="div12">qazxswedcvfr</div>  <div id="div13">qwertyuiop</div>  </div>
 <div id="div2">mmnnbbbbnnmm</div>
 <div id="div3">ccvvbbggff</div>
<form>
<input type="text" id="t1" placeholder="请输入一个商品id">
</form>
<p id="p1">hahah<span>111111111</span><br>ha<span>222222222</span><br>ha<span>333333333</span>ha<br><span>44444444</span></p>
<br>
<div id="txtHint"><button id="clickme" >点击我</button><b>商品信息显示在这里……</b></div>


</body>

<?php 
echo 'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'."<br>";
$qq = 'a12345';

$password= hash('sha256',$qq, false);
echo $password;
?>


 
</html>
